<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,aximuinitial-scale=1,mm-scale=1,user-scalable=no"> 
		<link rel="stylesheet" href="../css/reset.css" />
		<link rel="stylesheet" href="../css/header1.css" />
		<link rel="stylesheet" href="../css/xinxi.css"/>
	</head>
	<body>
		<input id="IPTs" style="display: none;" type="file" />
		<em class="flex">
			
		</em>
		<header>
			<div class="gcs-head">
				<div id="jump" class="gcs-left"><img src="../img/fhjt.png"/></div>
				<div class="gcs-center">新建日报</div>
				<div class="gcs-right"></div>
			</div>
		</header>
		<main>
			<section class="section">
			<nav class="xinxi-nav">
				<ul id="list">
					<li id="tiao">设备维护</li>
					<!--<img src="../img/bg.png" />-->
					<li>数据维护</li>
					<!--<img src="../img/bg.png" />-->
					<li>数据升级</li>
					<!--<img src="../img/bg.png" />-->
					<li class="xinxi-active">附件信息</li>
				</ul>
			</nav>
			
			<div class="xinxi-cont">
			    <div class="xinxi-coding">
			    	<p>设备编码：YG:103880188111</p>
			    </div>
			    <div class="xinxi-img">
			    	<div class="img-1">
			    		<img class="img-11" src="../img/tu.png"/>
			    	</div>
			    	<div class="img-2">
			    		<img src="../img/tianjia.png"/>
			    	</div>	
			    </div>
			    <div class="shanchu2"><img class="img_one" src="../img/shanchu2.png"/ ></div>
			</div>
			</section>
			<div class="xinxi-btn">
				<div class="bc">保存</div>
				<div class="tj">提交</div>
			</div>
		</main>
		
		<footer>
			<ul class="tfoot">
				<li id="List_two" class="paizhao">
					<img src="../img/图层 14.png"/>
					<p>拍照</p>
				</li>
				<li class="xiangce">
					<img src="../img/图层 15.png"/>
					<p>相册照片</p>
				</li>
				<li class="quxiao">
					<img class="yuan" src="../img/图层 17 副本 2.png"/>
					<p>取消</p>
				</li>
			</ul>
		</footer>
		<div class="del">
			<p>是否删除此图片？</p>
			<div class="sk">
				<button class="shi">是</button>
			    <button class="fou">否</button>
			</div>
			
		</div>
		
		<script src="../js/jquery-2.2.4.min.js"></script>
		<script src="../js/flexible.debug.js"></script>
	    <script src="../js/flexible_css.debug.js"></script>
	    <script>
	    	$(function($){
		    	$("#list").children().click(function(){
		    		$(this).addClass("xinxi-active").siblings().removeClass("xinxi-active");
		    		
		    	})
		    	$('.shanchu2').click(function(){
		    		$(this).hide()
		    		$('.del').show()
		    		$(".flex").show();
		    		$('.xinxi-coding p').css('background-color', 'black');
		    	})
		    	
		    	$("#jump").click(function(){
		    		
		    		location.href = "ribao.html";
		    	})
		    	$("body").on("click","#List_two",function(e){
		    		//window.e || e
		    		$(".tfoot").hide();
		    		$(".flex").hide();
		    		 return $("#IPTs").click()
		    	})
		    	$(".img-2").click(function(){
		    		$(".flex").show();
		    		$(".tfoot").show(1000/2);
		    		$(".tfoot").css("display","flex");
		    	})
		    	$(".bc").click(function(e){
		    		var x = 0;
		    		var y = 0;
		    		e.preventDefault();
		    		
		    	})
		    	
		    	   $(".bc").click(function(){
		    	   	  $(this).css("box-shadow","5px 5px 5px blue");
		    	   	
		    	   })
		    	    $(".bc").click(function(){
		    	   	  $(this).css("box-shadow","0px 0px 0px white");
		    	   	
		    	   })
		    	   
		    	$('.quxiao').click(function(){
		    		$('.tfoot').hide();
		    		$('.flex').hide();
		    	})
		    	
	    	
		    	$('.shi').click(function(){
		    		$('.img-1').hide()
		    		$('.del').hide()
		    		$(".flex").hide();
		    	})
		    	$('.fou').click(function(){
		    		$('.del').hide()
		    		$(".flex").hide();
		    		$(".shanchu2").show();
		    	});
		    	
/*		    	$('.xinxi-active').click(function(){
//		    		$('#max').hide();
//		    		$('.xinxi-btn').hide();
		    		$.get('weihu.html',function(res){
//						$('body').append(res)
		    			console.log(res)
		    		})
		    	})*/
		    	$("#tiao").click(function(){
		    		
		    		location.href = "xinjianribao.html";
		    	})
	    	})
	    </script>
	</body>
</html>
